/* ------------------------------------------------------------
 * PUBLIC SITE SCHOOL
 * ------------------------------------------------------------
 */
.hp-school-sect{
	width:100%;
	height:750px;
	background:url(#{$firstlevel-path}images/index/hp-school-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	z-index:1;
}
.hp-school-hd{
	width:100%;
	height:160px;
	background:url(#{$firstlevel-path}images/index/hp-school-hd-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.school-col-title{
	margin-top:50px;
	margin-right:50px;
	width:167px;
	height:62px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size:0;
}

.hp-school-tabs{
	width:800px;
	height:160px;
}
.s-tabs-item{
	float:left;
	position: relative;
	margin-right:-1px;
	width:200px;
	height:160px;
	cursor:pointer;
	@include fn-transition(all .4s ease);
	&:before{
		position: absolute;
		top:55px;
		right:0;
		display:block;
		content:'';
		width:1px;
		height:50px;
		background:url(#{$firstlevel-path}images/index/hp-school-tab-line.png) no-repeat;
	}
	&:hover,&.active{
		z-index: 1;
		background: #3e88e2;
		background: -moz-linear-gradient(top,  #3e88e2 0%, #71baf3 100%);
		background: -webkit-linear-gradient(top,  #3e88e2 0%,#71baf3 100%);
		background: linear-gradient(to bottom,  #3e88e2 0%,#71baf3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e88e2', endColorstr='#71baf3',GradientType=0 );
		&:before{
			display: none;
		}
	}
	&.active .tabs-arrow{
		display: block;
	}
}
.tab-c-tit,.tab-e-tit{
	display:block;
	width:100%;
	color:#fff;
	@include fn-text-shadow(2px 0 4px rgba(0,41,133,.1));
	text-align:center;
}
.tab-c-tit{
	margin-top:60px;
	font-size:20px;
}
.tab-e-tit{
	font-size:12px;
	text-transform: uppercase;
	@include fn-opacity-compatible(.4);
}
.tabs-arrow{
	display:none;
	position: absolute;
	left:50%;
	margin-left:-10px;
	bottom:-10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent; 
	border-right: 10px solid transparent; 
	border-top: 10px solid #72bbf4; 
	@include fn-transition(all .4s ease);
}

.hp-school-bd{
	padding:20px;
	height:580px;
	background:white;
	@include fn-box-shadow(0 10px 20px rgba(77,92,124,.2));
}
.rank-items{
	margin:10px -10px 0 0;
	@include fn-clearfix;
}
.rank-item{
	float:left;
	margin:10px;
	width:212px;
	height: 240px;
	border:1px solid #e8eced;
	@include fn-border-radius(3px);
	background: #f8f8f8;
	overflow:hidden;
	&:hover{
		background: #fcfdff;
	}
	&.item0,&.item1,&.item2{
		.frac-txt{
			color:#ffedc3;
		}
	}
	&.item0{
		.rank-hd{
			background:url(#{$firstlevel-path}images/index/rank-hd-bg0.jpg);
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	}
	&.item1{
		.rank-hd{
			background:url(#{$firstlevel-path}images/index/rank-hd-bg1.jpg);
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	}
	&.item2{
		.rank-hd{
			background:url(#{$firstlevel-path}images/index/rank-hd-bg2.jpg);
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	}
}
.rank-hd{
	position: relative;
	width:100%;
	height:78px;
	background:url(#{$firstlevel-path}images/index/rank-hd-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	.number-icon{
		position: absolute;
		top:6px;
		left:8px;
		display:block;
		width:50px;
		height:25px;
		background-repeat: no-repeat;
		background-size: top left;
		font-size:0;
	}
}
.frac-txt{
	position: absolute;
	top:13px;
	right:30px;
	font-size:18px;
	color:#c3faff;
	font-family: "Microsoft YaHei";
	em{
		font-size:36px;
		font-style:normal;
		font-family:"Arial";
	}
}

.rank-bd{
	padding:0 25px;
}
.school-title{
	margin-top:24px;
	margin-bottom:0;
	display:block;
	width:100%;
	a{
		display:block;
		width:100%;
		height:28px;
		line-height:28px;
		font-size:16px;
		color:#4d4d4d;
		font-weight:700;
		@include fn-text-ellipsis;
		@include fn-transition(all .4s ease);
		font-family: "Microsoft YaHei";
		&:hover{
			color:#667fc3;
		}
	}
}
.school-add{
	text-align:center;
	font-size:16px;
	color:#b2b2b2;
	font-family: "Microsoft YaHei";
}
.score-btn{
	margin:24px auto 0 auto;
	display:block;
	width:120px;
	height:32px;
	background-color:#fff;
	border:1px solid #dadae6;
	@include fn-border-radius(16px);
	font-size:14px;
	color:#5c72ae;
	text-align:center;
	line-height:30px;
	@include fn-transition(all .4s ease);
	&:hover{
		background-color:#667fc3;
		border-color: #667fc3;
		color:#fff;
	}
}




















